﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="~/css/shop.css" type="text/css" rel="stylesheet" />
    <link href="~/css/Sellerber.css" type="text/css" rel="stylesheet" />
    <link href="~/css/bkg_ui.css" type="text/css" rel="stylesheet" />
    <link href="~/font/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="~/layui/css/layui.css" rel="stylesheet" />
    <script src="~/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="~/js/layer/layer.js" type="text/javascript"></script>
    <script src="~/layui/layui.js"></script>
    <script src="~/js/Sellerber.js" type="text/javascript"></script>
    <script type="text/javascript" src="~/js/jquery.cookie.js"></script>
    <script src="~/js/shopFrame.js" type="text/javascript"></script>
    <script src="~/js/laydate/laydate.js" type="text/javascript"></script>
    <script src="~/js/dist/echarts.js" type="text/javascript"></script>
    <script src="~/js/Sellerber.js" type="text/javascript"></script>
    <script src="~/js/jquery.nicescroll.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js" type="text/javascript"></script>
    <script src="js/respond.min.js"></script>
    <script src="js/css3-mediaqueries.js"  type="text/javascript"></script>
      <![endif]-->
    <title>1024招聘</title>
</head>

<body>
    <div class="margin" id="page_style">
        <div class="operation clearfix mb15 same_module">
            <ul class="choice_search">
                <li class="clearfix col-xs-2 col-lg-3 col-ms-3 ">
                    <label class="label_name ">用户名：</label>
                    <input id="UserName" placeholder="用户名" name="" type="text" class="form-control col-xs-8 col-lg-8 col-ms-8">
                </li>
                <li class="clearfix col-xs-2 col-lg-3 col-ms-3">
                    <label class="label_name ">留言时间：</label>
                    <input id="FeedTime" class="inline laydate-icon form-control Select_Date">
                </li>
                <li class="clearfix col-xs-2 col-lg-3 col-ms-3 ">
                    <select id="IsLook" name="" class="margin-right l_f select_style">
                        <option value=null>是否浏览</option>
                        <option value=true>已浏览</option>
                        <option value=false>未浏览</option>
                    </select>
                    <button id="SearchBtn" type="button" class="btn button_btn bg-deep-blue "><i class="icon-search"></i>查询</button>
                </li>
            </ul>
        </div>
        <div class="h_products_list clearfix " id="Sellerber">
            <div class="padding15 clearfix">
                <div class="operation clearfix mb15  searchs_style">
                    <span class="l_f">
                        @*<a href="javascript:ovid()" class="btn  button_btn btn-danger"><i class="fa fa-trash"></i>批量删除</a>*@
                    </span>
                    <span class="r_f">共：<b>234</b>条</span>
                </div>
                <div class=" datalist_show">
                    <div class="datatable_height confirm">
                        <table id="Feedback_Table" class="layui-hide" lay-filter="test" style="z-index:0"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--留言详细-->
    <div id="Guestbook" style="display:none">
        <div class="content_style padding15">
            <div class="form-group">
                <label class="col-sm-2 control-label no-padding-right" for="form-field-1">留言用户 </label>
                <div class="col-sm-9" id="usernames"></div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 留言内容 </label>
                <div class="col-sm-9" id="Contexts"></div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label no-padding-right" for="form-field-1">是否回复 </label>
                <div class="col-sm-9">
                    <label><input name="checkbox" type="checkbox" class="ace" id="checkbox"><span class="lbl"> 回复</span></label>
                    <div class="Reply_style" id="ReplyContexts">
                        <textarea name="权限描述" class="form-control" id="form_textarea" placeholder="" onkeyup="checkLength(this);"></textarea>
                        <span class="wordage">剩余字数：<span id="sy" style="color:Red;">200</span>字</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" id="Fid" name="name" value="" />
    
</body>
</html>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" id="clickReply" lay-event="reply">回复</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script>
	//设置内页框架布局
$(function() {
	$("#Sellerber").frame({
		float : 'left',//显示方向
		color_btn:'.skin_select',//按钮名称
		Sellerber_menu:'.list_content',//内容页
		page_content:'.list_show',//内容
		datalist:".datatable_height",//数据列表高度取值
		header:65,//顶部高度
		mwidth:350,//宽度自定义
		minStatue:true,//隐藏或显示栏目

	});
});
	 /*用户-查看*/
function member_show(title,url,id,w,h){
	layer_show(title,url+'#?='+id,w,h);
}
/*留言-删除*/
function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}

/*checkbox激发事件*/
$('#checkbox').on('click',function(){
	if($('input[name="checkbox"]').prop("checked")){
		 $('.Reply_style').css('display','block');
		}
	else{

		 $('.Reply_style').css('display','none');
		}
	})
/*留言查看*/
    function Guestbook_iew(id) {
        $("#Fid").val(id);
	var index = layer.open({
        type: 1,
        title: '留言信息',
		maxmin: true,
		shadeClose:false,
        area : ['600px' , ''],
        content:$('#Guestbook'),
		btn:['确定','取消'],
		yes: function(index, layero){
		  if($('input[name="checkbox"]').prop("checked")){
			 if($('#ReplyContexts').html()==""){
				layer.alert('回复内容不能为空！',{
               title: '提示框',
			  icon:0,
			  })
			 }else{
			      layer.alert('确定回复该内容？',{
				   title: '提示框',
				   icon:0,
				   btn:['确定','取消'],
                      yes: function (index) {
                         //ajax
                          var data = {};
                          var id = $("#Fid").val();
                          var Context = $('#form_textarea').val();
                          $.ajax({
                            type: "post",
                            url: "/FeedBack/ReplyFeedBackInfo?FId=" + id + "&Context=" + Context,
                            data: data,
                              success: function (json) {
                                  
                                if (json.Success) {
                                    
                                  
                                    alert("成功");
                                    location.reload();
                                }
                                else {
                                    alert("失败");
                                }
                            }
                        });
					     layer.closeAll();
					   }
				  });
		   }
	      }else{
			 layer.alert('是否要取消回复！',{
               title: '提示框',
			icon:0,
			  });
			  layer.close(index);
		  }
	   }
	})
};
	/*字数限制*/
function checkLength(which) {
	var maxChars = 200; //
	if(which.value.length > maxChars){
	   layer.open({
	   icon:2,
	   title:'提示框',
	   content:'您输入的字数超过限制!',
    });
		// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
		which.value = which.value.substring(0,maxChars);
		return false;
	}else{
		var curr = maxChars - which.value.length; //250 减去 当前输入的
		document.getElementById("sy").innerHTML = curr.toString();
		return true;
	}
};
</script>
<script>
    function Format(datetime, fmt) {
        var newtime = datetime.replace(/\/Date\((\d+)\)\//gi, "$1");
        if (parseInt(newtime) == newtime) {
            if (newtime.length == 10) {
                newtime = parseInt(newtime) * 1000;
            } else if (newtime.length == 13) {
                newtime = parseInt(newtime);
            }
        }
        newtime = new Date(newtime);
        var o = {
            "M+": newtime.getMonth() + 1,                 //月份
            "d+": newtime.getDate(),                    //日
            "h+": newtime.getHours(),                   //小时
            "m+": newtime.getMinutes(),                 //分
            "s+": newtime.getSeconds(),                 //秒
            "q+": Math.floor((newtime.getMonth() + 3) / 3), //季度
            "S": newtime.getMilliseconds()             //毫秒
        };
        if (/(y+)/.test(fmt))
            fmt = fmt.replace(RegExp.$1, (newtime.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt))
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;
    }



    layui.use('table', function () {
        var table = layui.table,
            form = layui.form;
        //第一个实例
        table.render({
            elem: "#Feedback_Table",
            height: 400,
            url: '/FeedBack/QueryFeedBackAll',
            page: true,
            cols: [[ //表头
                //{ type: 'checkbox', fixed: 'left' }

            { field: 'UserName', align: 'center', title: '用户名', sort: true }
            , { field: 'Content', align: 'center', title: '留言内容', sort: true }
            , { field: 'FeedTime', align: 'center', title: '时间', sort: true, templet: "<div>{{Format(d.FeedTime,'yyyy-MM-dd hh:mm:ss')}}</div>" }
                , {
                    field: 'Status', align: 'center', title: '状态', sort: true, templet: function (d) {
                        if (d.IsLook) {
                            return "用户已查阅";
                        } else {
                            return "用户未查阅";
                        }
                    }
                }
                , {
                    field: 'IsLook', align: 'center', title: '是否回复', sort: true,templet: function (d) {
                        if (d.IsLook) {
                            return "已回复";
                        } else {
                            return "未回复";
                        }
                    }}
            , { fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}    
            ]]
        })

        $("#SearchBtn").click(function () {
            table.reload('Feedback_Table', {
                where: {
                    UserName: $("#UserName").val(),
                    FeedTime: $("#FeedTime").val(),
                    IsLook: $("#IsLook").val()
                }
            });
        })

        //监听工具条
        table.on('tool(test)', function (obj) {


            ///删除友情链接操作
            
            var data = obj.data;
            var id = data.FId;
            if (obj.event === 'del') {
                layer.confirm('真的删除行么', function (index) {
                    obj.del();
                    layer.close(index);
                    $.ajax({
                        url: "/FeedBack/DeleteFeedBackInfo?id=" + id,
                        type: "post",
                        success: function (json) {
                            if (json.Success) {
                                layer.alert('删除成功！', {
                                    title: '提示框',
                                    icon: 1,
                                });
                                obj.del();
                                layer.close(index);
                            } else {
                                layer.alert('删除失败!', {
                                    title: '提示框',
                                    icon: 1,
                                })
                            }
                        }

                    })
                });
            } else if (obj.event === 'reply') {


                var Context = data.Content;
                $('#usernames').text(data.UserName);
                $('#Contexts').text(data.Content);
                Guestbook_iew(obj.data.FId);
                
                  
            }

            $("#SearchTable").click(function () {
                table.reload('Logs_Table', {
                    where: {
                        RoidId: $("#SelectOption").val(),
                        BeginTime: $("#NowDate").val()
                    }
                });
            })
        })
    });

    /******时间设置*******/
    var start = {
        elem: '#FeedTime',
        format: 'YYYY-MM-DD',
        // min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16', //最大日期
        istime: true,
        istoday: false,
        choose: function (datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end = {
        elem: '#end',
        format: 'YYYY-MM-DD',
        //min: laydate.now(),
        max: '2099-06-16',
        istime: true,
        istoday: false,
        choose: function (datas) {
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);
    

</script>